@charset "utf-8";

/* CSS Document */

@media screen and (max-width:1680px)
{
	
}

@media screen and (max-width:1440px)
{
	.mainbox{padding-left: 20px; padding-right: 20px;}
}

@media screen and (max-width:1366px)
{
		

	
}




@media screen and (max-width:1280px)
{
	
	.syabouttxtleft span{font-size: 100px}
	
}




@media screen and (max-width:1100px)
{


.nav{ position: fixed;top:50px;right:0;z-index:999999999;float:inherit;width:100%;height:calc(100vh - 50px); text-align:center;opacity:0;visibility: hidden; overflow-y:scroll;-webkit-overflow-scrolling:touch; background-color:#fff; margin-top: 0px; }
.nav ul{display:block; width:100%; }

.nav li{border-bottom: 1px solid #f0f0f0; height:auto;display:block; margin: 0px; text-align: left; background: url("../images/down01.png") no-repeat 97% 27px; background-size: 12px auto;}
.nav li>a{ padding-left: 20px; display: inline-block; line-height: 60px; background: none}
.nav li.cur>a{background: none}
.nav li:hover>a{ background:none}
.nav li.cur2{background: url("../images/down02.png") no-repeat 97% 27px; background-size: 12px auto;}


.nav li:nth-child(1){background: none}
.nav li:nth-child(1) a{ display: block}
	
	
	
	
.navdown{background: #fff; position:relative; left:0%; transform:none; width:100%;box-shadow:none; border-bottom-left-radius:0px; border-bottom-right-radius:0px;  top: 0px; display: none; padding: 0px}
	
.navdown a{line-height:36px; text-align:left; padding:10px 40px;border-top: 1px solid #f0f0f0; background: none; border-bottom: none}

.nav li.cur:before{display: none}
.nav li:hover:before{width:0%}
	
.nav-btnbox {position:absolute;z-index:999999999999999999;right:8px;top:50%; transform:translate(0,-50%); width:20px;transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; display:block; }
.nav-btnbox .icon-bar {display: block; height:2px;border-radius: 10px;overflow: hidden;background-color:#000;-webkit-transition: all .3s ease;-moz-transition: all .3s ease;-o-transition: all .3s ease;perspective-origin: 50% 50%;-ms-transition: all .3s ease; margin:0 auto;}

.nav-btnbox .icon-bar+.icon-bar {margin-top:6px}	
.menu-open .nav-btnbox .icon-bar{ background-color:#000;}
.menu-open .nav-btnbox .icon-bar:first-child { margin-left: 0;-webkit-transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);transform: translate3d(0px, 7px, 0) rotate3d(0, 0, 1, -45deg);}	
.menu-open .nav-btnbox .icon-bar:nth-child(2) { opacity: 0;transform: translate(20px, 0);}
.menu-open .nav-btnbox .icon-bar:last-child {-webkit-transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);transform: translate3d(0, -9px, 0) rotate3d(0, 0, 1, 45deg);}



.menu-open .nav{visibility:visible;opacity:1;}
.menu-open .icon-bar{ background:#FFF}
.menu-open .nav li{-webkit-animation-duration: .4s;animation-duration: .4s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: fadeInUp;animation-name: fadeInUp;
}

.menu-open .nav li:nth-child(1){animation-delay:0s;}
.menu-open .nav li:nth-child(2){animation-delay:0.1s;}
.menu-open .nav li:nth-child(3){animation-delay:0.2s;}
.menu-open .nav li:nth-child(4){animation-delay:0.3s;}
.menu-open .nav li:nth-child(5){animation-delay:0.4s;}
.menu-open .nav li:nth-child(6){animation-delay:0.5s;}
.menu-open .nav li:nth-child(7){animation-delay:0.6s;}
.menu-open .nav li:nth-child(8){animation-delay:0.7s;}
.menu-open .nav li:nth-child(9){animation-delay:0.8s;}
.menu-open .nav li:nth-child(10){animation-delay:0.9s;}

.menu-open .top{background: #fff; box-shadow:0px 0px 10px rgba(0,0,0,0.1)}
.menu-open .top .nav li{background: url("../images/fotdown.png") no-repeat 98% 26px;background-size:12px auto; padding: 0px; line-height:60px;}
	
.menu-open .top .nav li.cur2{background: url("../images/fotdown2.png") no-repeat 98% 26px;background-size:12px auto;}


.menu-open .top .nav li.cur2>a{color: #ff8000;}

.menu-open .top .nav li:nth-child(2){background: none; }
.menu-open .top .nav li:nth-child(6){background: none; }
	
.menu-open .top .nav li:nth-child(2) a{display: block}		
.menu-open .top .nav li:nth-child(6) a{display: block}			
	
	

@-webkit-keyframes fadeInUp {0% {opacity:0;-webkit-transform:translateY(60px)}

100% {opacity:1;-webkit-transform:translateY(0)}

}

@-moz-keyframes fadeInUp {0% {opacity:0;-moz-transform:translateY(60px)}

100% {opacity:1;-moz-transform:translateY(0)}

}

@-o-keyframes fadeInUp {0% {opacity:0;-o-transform:translateY(60px)}

100% {opacity:1;-o-transform:translateY(0)}

}

@keyframes fadeInUp {0% {opacity:0;transform:translateY(60px)}

100% {opacity:1;transform:translateY(0)}

}
	

}




@media screen and (max-width:1024px)
{
	
	body{overflow-x: hidden}

.banner .swiper-button-prev{left: 20px;}
	.banner .swiper-button-next{right: 20px;}
	
	.syproright ul{display: block}
	.syproright ul:nth-child(1) li:nth-child(1){width: calc(100% - 30px);}
	.syproright li{width: calc(50% - 30px);}
	
	
	.guigetxt li{ width: calc(100% - 40px);}
	
	
}

@media screen and (max-width:1000px)
{
	.sycaseimg{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;}
	
	.protoptxthezi{display: none}
	
	.nyprobox li {width: calc(33.33% - 30px);}
}


@media screen and (max-width:920px)
{
	.shiliboxs{display: block}
	.shiliboxs ul{ width: 100%}

	.nyproshowbox{display: block}
	
	.nyproshowboxleft{width:calc(100% - 40px); padding: 20px;}
	
	.nyproshowboxright{width: 100%; margin-top: 30px;}
	
	.nycase li {width: calc(50% - 30px);}
    .nynewstwoboxleft{width:100%}
}

@media screen and (max-width:768px)

{
	
	
	.pd4{padding-top:8%; padding-bottom:8%}
	.mt4{margin-top:8%}
	.mt3{margin-top:6%}
	
	.mt2{margin-top: 5%}
	
	
	.abshuzi li span em{font-size: 48px;}
	.syabouttxtleft p{font-size: 60px;}
	.syabouttxtleft span{font-size: 70px;}
	.syproboxs{display: block}
	
	.syproleft{ width: 100%}
	.syproleft dl{padding-bottom:0}
	
	.syproright{width: 100%; margin-top: 30px;}
	
	.youshibox{display:block}
	
	.youshileft{width: 100%; text-align: left}
	
	.youshileft li{padding: 20px 0; padding-left: 90px;}
	
	.youshileft li:before{left: 0px; right: auto}
	.youshileft li:nth-child(2){margin-right: 0}
	
	.youshipic{display: none}
	.youshiright li:nth-child(2){margin-left: 0px;}
	.youshiright{width: 100%}
    .youshiright li{padding: 20px 0; padding-left: 90px;}
	
	
	.foottop{display: block}
	
	.footlogo{display: none}
	.erweima{display: none}
	
	
	.footnav{width: 100%}
	.footnav ul{display: block}
	
	.footnav li {max-width: 100%;}
	.footnavdown{display: none; padding-top: 10px}
	.footnav li>p{font-size: 16px; padding: 15px 0px; margin-bottom: 0px;text-align: left; background: url("../images/xia01.png") no-repeat  right center; background-size: 10px auto;border-bottom: 1px solid #494949; }
	
	.footnav li.cur>p{background: url("../images/xia03.png") no-repeat right center; background-size: 10px auto;}
	
	.linkbox{display: block; border: none; margin-top: 0px;}
	.linklefts{width: 100%; margin-bottom:20px; display: block}
	.linkboxright{width: 100%}
	
	.logo{width: 30%}
	
	
	.nybanner{width:200%; margin-left: -50%}
	
	.honorbox li {width: calc(50% - 50px);}
	
	.conlist li{width: calc(100% - 132px);}
	.contacttxt .shangzuo{display: block}
	.contactleft{width: 100%}
	
	.weimas{margin-top: 30px; text-align: center;}
	.weimas img{display: inline-block}
	
	.wapnone{display: none}
}

@media screen and (max-width:680px)

{
	.footnav li p a{font-size: 16px;}
	.footerbj{padding-top: 40px;}
	
	.uptop{width: 50px;}
	
	
	.sywenti{display: block}
	
	.sywentileft{display:flex;flex-direction:row;justify-content:space-between; width: 100%;}
	
	.wetiqihuan { height: 27px; width: 40%; margin-top: 0}
	
	.sywentiright{width: 100%; margin-top: 30px}
	
	.sytit h2{font-size:28px;}
	.sytit p{font-size: 14px;}
	
	.synewsboxs{display: block}
	.sygonggao{width: 100%}
	
	.synewstit h2{font-size: 20px;}
	
	.sycapzhis{width: 100%; margin-top: 30px;}
	
	.sycapzhis li{width: calc(100% - 50px);}
	
	.sycaseboxs{padding-bottom: 10%}
	.sycaseboxs .swiper-pagination{bottom: 0px;}
	
	.youshileft li p{font-size: 18px;}
	
	.youshileft li span{font-size: 14px;}
	.youshiright li p{font-size: 18px;}
	
	.youshiright li span{font-size: 14px;}
	.youshileft li{ padding: 10px 0px; padding-left: 70px;}
	.youshileft li:before{width: 50px; height: 50px; font-size: 24px; line-height: 50px;}
	
	.youshiright li{padding: 10px 0px; padding-left: 70px;}
	.youshiright li:before{width: 50px; height: 50px; font-size: 24px; line-height: 50px;}
	.syproright li {width: calc(100% - 30px);}
	
	.shilitxtbox span{display:none}
	
	.shilitxtbox em{text-align: left}
	
	.syabouttxt {display: block}
	.syabouttxtleft{width: 100%}
	.syabouttxtright{width: 100%;}
	.syabouttxtrighttxt{ line-height: 2}
	
	.syabouttxtright h1{font-size: 24px;}
	.abshuzi li span{font-size: 14px;}
	.abshuzi li span em{font-size:26px;}
	
	.abshuzi li p{line-height: 1.4; font-size: 12px;}
	.abshuzi li{width:calc(30% - 10px); padding: 0 5px;}
	.abshuzi li {text-align: left; display: block; margin-bottom: 30px;}
	.syabouttxtleft{display:flex;flex-direction:row;justify-content:flex-start;align-content:center;align-items:center;}
	.syabouttxtleft span{font-size: 50px; margin-left: 10px;}
	.syabouttxtleft p{font-size: 30px}
	.banner .swiper-pagination{bottom: 10px;  background: none; display: block; padding: 0px; height: 10px;}
	.banner .swiper-pagination-bullet {  opacity:1;width:10px; height:10px;margin:0px 5px;  color: #fff; font-family: arial; line-height: 1000px; background:rgba(255,255,255,0.5) ; overflow: hidden}
    .banner .swiper-pagination-bullet-active { background:#fff; color: #193d6d}
	
	.toptwo>.mainbox{height: 50px;}
	
	.topone{display: none}
	
	.sycaseboxs .swiper-pagination-bullets .swiper-pagination-bullet{width: 6px; height: 6px;}
	
	.nybantxt h2{font-size: 20px;}
	.nybantxt p{font-size: 14px;}
	
	.nynav li{ margin: 0px; width: 33.33%; line-height: 50px;}
	.nynav li a{padding: 0px; display: block; text-align: center}
	
	.nyaboutbox{padding: 20px;}
	.mianbao{margin-bottom: 10px;}
	
	.nytit h2{font-size: 20px;}
	.nyabouttxt{font-size: 14px;}
	
	.honorbox li {width: calc(100% - 50px); margin-bottom: 30px;}
	
	.shengchan li{width: calc(100% - 30px); margin-bottom: 10px;}
	.shengchan ul{display: block}
    .shengchan ul.shang li:nth-child(1) {width: calc(100% - 30px);}
	
	.nyprobox li {width: calc(100% - 30px);}
	
	.protoptxt h2{font-size: 20px;}
	.protoptxt{width: 40%}
	
	.chankan{ width: 90px; height: 30px; line-height: 30px; font-size: 12px;}
	.chankan:before{ width: 12px; height: 12px;}
	
	.updowm{display: block}
	.updowm li{max-width: 100%; margin-bottom: 10px}
	
	.nyproshowtit{font-size: 20px;}
	.nyproshowtit:before{height: 18px; top: 6px;}
	
	.protuijianbox{padding: 20px;}
	
	.newstuijian li{font-size: 16px; padding: 15px 0}
	
	.guigetxt{font-size: 16px;}
	.guigetxt li{display: block;}
	.gailisnx{display: block}
	
	.newstop{display: block}
	.newstop .fangdapic{width: auto}
	.newstopright{width: calc(100% - 40px);padding:20px;}
	
	.newstopright span{font-size: 14px;}
	.newstopright p a{font-size: 18px;}
	
	.newstime{width: 80px; min-height: 118px;}
	.newstime p{font-size: 36px;}
	.newstime span{font-size: 12px;}
	
	.newstxt {width: calc(100% - 100px)}
	.newstxt p{font-size: 18px;}
	.newstxt span{font-size: 14px;}
	
	.zhunewsbox li a{background-size: 10px auto}
	
	.caseshowtit h1{font-size: 20px;}
	
	.caseshowtit p{font-size: 14px;}
	
	.nycase li {width: calc(100% - 30px);}
	
	.casetxt{padding: 15px 20px;}
	.casetxt p{font-size: 16px;}
	.casetxt span{font-size: 14px;}
	
	.contit{font-size: 18px;}
	
	.contactleft{font-size: 14px;}
	
	.conlist li{ padding: 15px 20px;width: calc(100% - 92px);}
	.conlist li h3{font-size: 20px; padding-bottom: 10px;}
	.conlxs{padding-top: 10px;}
	.jieyu h3{font-size: 18px;}
	
	.liuyanbox li{display: block; width: 100%}
	.liuyanbox li span{width: 100%; display: block; text-align: left; padding-right: 0px; margin-bottom: 10px;}
	
	.inputtext{width: calc(100% - 12px); height: 40px;}
	.wenbenquyu{width: calc(100% - 22px);}
	
	.tijiao{margin-left: 0px; margin: 0 auto; display: block}
	
	.linkbox{display: none}
	
	.syproright ul:nth-child(1) li:nth-child(1){display: none}
	
	.syproright li{display: none}
	.syproright li:nth-child(1){display: block}
	.syproright li:nth-child(2){display: block}
	.syproright li:nth-child(3){display: block}
	
	.wapfooter{display: block}
	
	body{ padding-bottom: 55px;}

}



@media screen and (max-width:580px){
	

	
}





@media screen and (max-width:480px)
{



	
}

@media screen and (max-width:320px)
{

}